/// <reference path="jquery-1.10.2.js" />
$(function(){
	//左侧轮播图
	$(".clothesTop .topLeft .littleImgs ul li").click(function(){
		$(this).addClass("choosed").siblings().removeClass("choosed");
		var imgUrl = $(this).find("img")[0].src;
		$(".bigImg").attr("src",imgUrl);
	});
	
	//右侧颜色选择
	$(".clothesTop .topRight .colorsCategory .colorsCon ul li").click(function(){
	    $(this).addClass("colorselected");
        
		$(this).siblings().removeClass("colorselected");
		$(this).parent('ul').siblings('#colorid').val($(this).attr('mark_val'));
	});
	
	//右侧尺寸选择
	$(".clothesTop .topRight .size .sizeCon ul li").click(function(){
	    $(this).addClass("sizeSelected").siblings().removeClass("sizeSelected");
	    $(this).parent('ul').siblings('#sizeid').val($(this).attr('mark_val'));
	});
	
	//底部 轮播展示图
	var nLi = $(".h440 .slider ul li").length;
	var ulWidth = 298*nLi;
	
	$(".h440 .slider ul").width(ulWidth);
	
	var i=0;
	
	$(".next").click(function(){
		i++;
		if(i>=nLi-4){
			i=nLi-4;
		}
		$(".h440 .slider ul").animate({"left":-298*i+"px"},500);
	});
	
	$(".prev").click(function(){
		i--;
		if(i<=nLi-4){
			i=0;
		}
		$(".h440 .slider ul").animate({"left":-298*i+"px"},500);
	});
});
